@selectors: {
    @primary: {
        hover: #66b1ff;
        active: #3a8ee6;
        default: #409eff;
    }

    @danger: {
        hover: #f78989;
        active: #dd6161;
        default: #f56c6c;
    }

    @info: {
        hover: #a6a9ad;
        active: #82848a;
        default: #909399;
    }

    @warning: {
        hover: #e6a23c;
        active: #cf9236;
        default: #e6a23c;
    }

    @success: {
        hover: #85ce61;
        active: #5daf34;
        default: #67c23a;
    }
}

@selectors-plain: {
    @primary: {
        hover: #409eff;
        active: #3a8ee6;
        default: #ecf5ff;
    }

    @danger: {
        hover: #f56c6c;
        active: #dd6161;
        default: #fef0f0;
    }

    @info: {
        hover: #909399;
        active: #82848a;
        default: #f4f4f5;
    }

    @warning: {
        hover: #e6a23c;
        active: #cf9236;
        default: #fdf6ec;
    }

    @success: {
        hover: #67c23a;
        active: #5daf34;
        default: #f0f9eb;
    }
}
